﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Calendar.aspx.cs" Inherits="DATN.Calendar" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

<!-- Style Sheet-->
	<link rel='stylesheet' type='text/css' href='../Styles/CLreset.css' />
	<link rel='stylesheet' type='text/css' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css' />
	<link rel='stylesheet' type='text/css' href='../Styles/jquery.weekcalendar.css' />
	<link rel='stylesheet' type='text/css' href='../Styles/CLdemo.css' />

<!-- Jquery - Javascript -->	
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js'></script>
	<script type='text/javascript' src='../Scripts/jquery.weekcalendar.js'></script>
	<script type='text/javascript' src='../Scripts/CLdemo.js'></script>
<!---->

<script type='text/javascript'>
 function getEventData() {
        var year = new Date().getFullYear();
        var month = new Date().getMonth();
        var day = new Date().getDate();
        return {
            events: [
            {
                "id": 1,
                "start": new Date(year, month, day, 12),
                "end": new Date(year, month, day, 13, 30),
                "title": "Lunch with Mike"
            },
            {
                "id": 2,
                "start": new Date(year, month, day, 14),
                "end": new Date(year, month, day, 14, 45),
                "title": "Dev Meeting"
            },
            {
                "id": 3,
                "start": new Date(year, month, day + 1, 17),
                "end": new Date(year, month, day + 1, 17, 45),
                "title": "Hair cut"
            },
            {
                "id": 4,
                "start": new Date(year, month, day - 1, 8),
                "end": new Date(year, month, day - 1, 9, 30),
                "title": "Team breakfast"
            },
            {
                "id": 5,
                "start": new Date(year, month, day + 1, 14),
                "end": new Date(year, month, day + 1, 15),
                "title": "hien thi len"
            },
            {
                "id": 6,
                "start": new Date(year, month, day, 10),
                "end": new Date(year, month, day, 11),
                "title": "I'm read-only",
                readOnly: true
            }

         ]
        };
</script>

</head>
<body> 
	<h1>Lịch Làm Việc</h1>
	<div id="about_button_container">
		<button type="button" id="about_button">Midas VN</button>
	</div>
	<div id='calendar'></div>
	<div id="event_edit_container">
		<form runat="server" >
			<input type="hidden" />
			<ul>
				<li>
					<span>Ngày: </span><span class="date_holder"></span> 
				</li>
				<li>
					<label for="start">Thời gian bắt đầu: </label>
                    <select name="start"><option value="">chọn thời gian bắt đầu</option></select>
				</li>
				<li>
					<label for="end">Thời gian kết thúc: </label>
                    <select name="end"><option value="">chọn thời gian kết thúc</option></select>
				</li>
				<li>
					<label for="title">Tiêu đề: </label><input type="text" name="title" />
				</li>
				<li>
					<label for="body">Nội Dung: </label><textarea name="body"></textarea>
				</li>
			</ul>
		</form>
	</div>
	<div id="about">
		<h2>Làm gì nhiều với cái này đây</h2>
		<p>
			Chúng tôi vừa mới ngừng nói thôi
            </p>
	</div>
	
</body>
</html>

